\n {this.props.is_open ? (\n
\n ) : (\n
\n )}\n\n {this.state.is_host &&\n
\n }\n\n
\n\n {this.state.maximized && (\n
\n )}\n\n {this.state.insta && (\n
\n )}\n\n {this.state.tour_taccing && (\n
\n {this.state.gallery.prettyPhone()}
\n Step 1: Text in a picture to your personal phone number
\n (wait up to 60 seconds for it to appear)
\n \n \n (Don’t have your phone handy? Upload some pictures from your computer)\n \n
\n \n )}\n\n {this.state.tour_theme && !this.state.theme_is_open && (\n
\n Congratulations on creating your first tacs!
\n Now, it’s time to personalize your gallery. Try selecting from our 17 themes.
\n \n )}\n\n {this.state.tour_header && !this.state.theme_is_open && (\n
\n More Customization
\n Click \"Change Cover Image\" to set the banner image and title to match the mood of your wedding
\n \n )}\n\n {this.state.tour_live && (\n
\n Entertain your guests with our live display!
\n Stream pictures as they get texted into your gallery and project them on a screen at your reception.
\n Any inappropriate pictures or messages will automatically be placed in quarantine until you approve them.
\n \n \n Visit your queue to manage quarantined images\n \n
\n \n )}\n
\n );\n }\n}\n","import React, { useEffect, useState } from \"react\";\nimport { useRouter } from \"next/router\";\nimport Head from \"next/head\";\nimport GalleryType from \"../../types/Gallery\";\nimport Gallery from \"../../components/Gallery\";\n\nimport { PubNub } from \"../../api/Realtime\";\nimport API from \"../../api\";\nimport World from \"../../world\";\n\nconst pubNubSubKey = process.env.NEXT_PUBLIC_PUB_NUB_SUB_KEY;\nconst pn = new PubNub(pubNubSubKey);\nconst api = new API(pn);\nconst world = new World(api, {\n short_domain: process.env.NEXT_PUBLIC_SHORT_DOMAIN,\n});\n\nconst Page = () => {\n return (\n <>\n \n